<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工程签证单审批详情</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../resources/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../resources/css/style.css" media="all">
    <style>
        .saixuan:after{width: 0;}
        .details ul li {width: 50%;float: left;}
        .layui-form-pane .layui-input-block{margin-left: 0;}
        .details ul .title{
        	width: 100%;
        	/*height: 25px;*/
        	margin-bottom: 10px;
        	background: #D2D2D2;
        }

        @media screen and (max-width: 1280px) {
            .layui-form-pane .layui-form-label{width: 108px;}

        }

        .layui-form-item .layui-input-inline{width: 165px;}
        .masksx .forms{padding-left: 0;text-align: center;}
        .masksx{width: 650px;}
        .mask input{width: 100%!important;}
        .mask .layui-select-title{width: 480px;}
        .layui-inline{margin-bottom: 10px;}
        .layui-upload{ text-align: left;}
        #demo2 img{width: 120px; height: 120px;}
        .imgs{position: relative;width: 120px; height: 120px; float: left;}
        ._ingshan{position: absolute;right: 0px;top: 0px;border: 1px solid #E3e3e3;
            border-radius: 50%;width: 20px;height: 20px;text-align: center;}
        @media only screen and (min-width: 321px) and (max-width: 1024px) {
            .layui-form-pane .layui-input-inline {width: 100%;}
            ._inkong{ width:auto!important; }
            .layui-form-item .layui-input-inline{width: 100%;}
            .masksx{height: 50%;}
        }
        @media screen and (max-width: 750px){
            .MOVE_queryon .layui-form-item {
                width: 80%;
            }
            .layui-form-item{padding: 0;}
            .MOVE_footer{text-align: right;}
            .MOVE_footer a{color: #FFF;font-size: 20px;line-height: 30px;
                padding: 10px;background-color: #F5A721;height: 100%;position: absolute;right: 0;}
        }
        .layui-table tbody td{text-align: center;}
    </style>
</head>
<body>
<div class="_PC">
    <form class="layui-form layui-form-pane" id="form_7grid" action="" >
        <button class="layui-btn" type="button" onclick="history.back(-1);"><i class="layui-icon"></i></button>

        <!--<table id="demo" lay-filter="test"></table>

        <div id="demo7"></div>-->
        <div class="details">
        	 <ul class="details-lists">
	        	<!--<li class="title">GC065005</li>-->
	        	<!--<li>-->
	        		<!--<span>项目名称：</span>-->
	        		<!--<span class="com-name"></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>签证人：</span>-->
	        		<!--<span></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>申请单位：</span>-->
	        		<!--<span></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>签证内容：</span>-->
	        		<!--<span class="content"></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>申请时间：</span>-->
	        		<!--<span></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>审核意见：</span>-->
	        		<!--<span></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>审核状态：</span>-->
	        		<!--<span class="state"></span>-->
	        	<!--</li>-->
	        	<!--<li>-->
	        		<!--<span>审核结果：</span>-->
	        		<!--<span></span>-->
	        	<!--</li>-->
	        </ul>
            <table class="layui-table">
                <thead>
                    <tr>
                        <th>审核次数</th>
                        <th>审核状态</th>
                        <th>审核人</th>
                        <th>审核时间</th>
                        <th>审核意见</th>
                    </tr>
                </thead>
                <tbody>
                    <!--<tr>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->

                    <!--</tr>-->
                </tbody>
            </table>


        </div>
       

       
    </form>
</div>



<script src="../../../resources/layui/layui.js" charset="utf-8"></script>
<script src="../../../resources/js/style.js"></script>
<script src="../../../resources/js/api.js"></script>

<script>
    function query() {
        layui.use(['form', 'layedit', 'laydate','table','element','upload'], function() {
            var form = layui.form
                , table = layui.table
                ,upload = layui.upload;
            var pronName=$("[name='username']").val();      //获取查询值
            var begintime=$('#test-limit3').val();          //获取查询开始时间
            var endtime=$('#test-limit4').val();            //获取查询结束时间
            var state=$('[name="state"]').val();         //获取状态值
            $('#form_7grid').attr('action',urls+'/api/contract/conValiList.do')
            if(!AntiSqlValid(pronName)){           //判断是否包含特殊符号
                API.visaAdmin({'proName':pronName,'begintime':begintime,'endtime':endtime,'state':state,'p':getCookie('yanzheng')})
            }else {
                layer.msg('请勿输入特殊符号或敏感文字');
            };
        })

    }
    layui.use(['form', 'layedit', 'laydate','table','element','upload','flow'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate
            ,table=layui.table
            ,element=layui.element
            ,flow=layui.flow
            ,upload = layui.upload;
        var _picurls=new Array();

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';        //代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
        });
//      API.visaAdmin();

        //前后若干天可选，这里设置不能选过去的日期      最远可选1000天之后
        panduanshijiantow('#test-limit3','#test-limit4',1000,1000,'.layui-btn-normal');     //查询 开始结束时间判断

//      API.gongchengqianzhengdanshenpi();

				$('.close').click(function() { //遮罩层隐藏
					$('.mask').hide();
				})

				laydate.render({
					elem: '#date'
				});
				var ccuid = '';

				ajaxs('/api/buil/buildSignSpDetails.do','post',{'type':'b','cs_id': sessionStorage.cs_id},function (data) {
                    console.log(data)
                    var datas=data.data[0][0];
                    var d=data.data[1];
                    console.log(datas.eppName)
                    if(datas.state==-1){
                        datas.state="未审核";
                    }else if(datas.state==0){
                        datas.state="已审核";
                    }
                    var zhuangtais='';
                    for(var i=0;i<d.length;i++){
                        d[i].s_validate==0?zhuangtais='审核通过':zhuangtais='审核未通过';

                        $('.layui-table tbody').append(' <tr>\n' +
                            '                        <td>'+(i+1)+'</td>\n' +
                            '                        <td>'+zhuangtais+'</td>\n' +
                            '                        <td>'+d[i].createUser+'</td>\n' +
                            '                        <td>'+d[i].s_Time+'</td>\n' +
                            '                        <td>'+d[i].s_Opinion+'</td>\n' +
                            '\n' +
                            '                    </tr>')

                    }


                    $('.details-lists').append('<li class="title">'+datas.eppName+'('+datas.eppStaEnd+')'+'</li>' +
                        '        <li>' +
                        '        <span>项目名称：</span>' +
                        '        <span class="com-name">'+datas.eppName+'('+datas.eppStaEnd+')'+'</span>' +
                        '        </li>' +
                        '        <li>' +
                        '        <span>签证人：</span>' +
                        '        <span>'+datas.s_Person+'</span>' +
                        '        </li>' +
                        '        <li>' +
                        '        <span>申请单位：</span>' +
                        '        <span>'+datas.compName1+'</span>' +
                        '        </li>' +
                        '        <li>' +
                        '        <span>签证内容：</span>' +
                        '        <span class="content">'+datas.s_Content+'</span>' +
                        '        </li>' +
                        '        <li>' +
                        '        <span>申请时间：</span>' +
                        '        <span>'+datas.s_Time+'</span>' +
                        '        </li>'+
                        '        <li style="width=100%;float: none;">' +
                        '        <span>现场图：</span>' +
                                '<div class="images">'+
                                '</div>'+
                        '        </li>')

                    var imgs=datas.s_Img;
                    imgs=imgs.split(',');
                    for(var i=0;i<imgs.length;i++){
                        $('.images').append('<img src="'+imgs[i]+'" alt="">');
                    }


                })






				form.on('submit(_subm)', function(data) {
					console.log(data)
					data.field.id=011
					data.field.cc_uuid = '002,20';
//					formAlertAjax('/api/ctteam/matSign.do', data.field, '.tijiao');

					return false;
				})

       

    })




</script>
</body>
</html>